<template>
  <header>
    <div @click="goBack">
      <i class='iconfont icon-fanhui'></i>
    </div>
    <div>
      <slot>
        <!-- 插槽 -->
        <span>登录</span>
      </slot>
    </div>
    <div>
      <i class="iconfont">&#xe6b1;</i>
    </div>
  </header>
</template>

<script>
//const router=require("server/routes")
export default {
  methods: {
    goBack() {
      this.$router.back();
    },
  },
};
</script>

<style scoped lang="scss">
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1.173333rem;
  color: #fff;
  background-color: #b0352f;
  span {
    font-size: 0.48rem;
  }
  i {
    padding: 0px 30px; //display: flex;这个限定了
    font-size: 0.586666rem;
  }
}
</style>
